<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Grand Mini Theme - Free CSS Template</title>
<meta name="keywords" content="grand, mini, theme, free templates, website, CSS, HTML" />
<meta name="description" content="Grand Mini Theme - free CSS template provided by templatemo.com" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />

</head>
<body>

<span id="top"></span>
<div id="templatemo_wrapper">
	<div id="templatmeo_header">
        <div id="site_title">
            <h1><a href="http://www.templatemo.com">Free CSS Templates</a></h1>
        </div>
	</div> <!-- end of header -->
    <div id="twitter">“Nullam at erat ipsum, quis tincidunt mauris. Nunc sit amet sapien eget eros iaculis hendrerit quis a enim.”</div>
    <div id="templatemo_menu">
        <ul>
            <li><a href="#home"><span class="home"></span>Home</a></li>
            <li><a href="#about"><span class="aboutus"></span>About Us</a></li>
            <li><a href="#news"><span class="news"></span>News</a></li>
            <li><a href="#portfolio"><span class="portfolio"></span>Portfolio</a></li>
            <li class="last"><a href="#contact"><span class="contactus"></span>Contact</a></li>
        </ul>    	
    </div> <!-- end of templatemo_menu -->
    
    <div id="templatemo_main">
     
        <div id="home"></div>
        <div class="content_box">
            <h2>Welcome to Grand Mini</h2>
            <div class="cleaner"></div>
            <div class="col_w340 float_l">
                <div class="image_wrapper"><span></span><img src="images/templatemo_image_01.jpg" alt="Imag 01" /></div>
                <p><em>Praesent rutrum augue vel felis vehicula vel luctus sapien commodo. Aenean convallis, sem in tempus dictum, lorem urna luctus augue, et tempor justo orci in elit.</em></p>
                <p>	<a href="http://www.templatemo.com" target="_parent">Grand Mini</a> is a free css template for your personal or commercial websites. Phasellus tempus ullamcorper lectus at mollis. Fusce sit amet tristique magna. Donec cursus luctus dictum. Proin in enim et neque accumsan blandit et vitae tortor. Cras tristique aliquam sollicitudin. Sed sem magna, molestie id tincidunt bibendum, gravida id ante.</p>
          	</div>
            <div class="col_w340 float_r">
                <h3>Overview</h3>
                <ul class="templatemo_list">
					<li>Duis semper urna eget tellus condimentum.</li>
					<li>Fusce risus tortor, interdum in malesuada pulvinar.</li>
                    <li>Nulla sit amet est at nisi auctor bibendum.</li>
                    <li>Quisque eget nulla vitae nisi pretium feugiat.</li>
                    <li>Sed vel justo quis ligula blandit commodo et.</li>
                </ul>
                <div class="cleaner h30"></div>
                <h3>Testimonial</h3>
                <blockquote>
                <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam dictum quam ac dui sollicitudin euismod. Maecenas pellentesque massa vitae ligula vehicula aliquam. </p>
                <cite>Edward - <span>Senior Webmaster</span></cite> </blockquote>
                
            </div>
            <div class="cleaner h30"></div>
            <a class="gototop" href="#top"></a>
            <div class="cleaner"></div>
        </div> <!-- end of a content box -->
        
        <div id="about"></div>
        <div class="content_box">
            <h2>About Us</h2>
            <div class="cleaner"></div>
            <div class="col_w340 float_l">
                <div class="image_wrapper"><span></span><img src="images/templatemo_image_02.jpg" alt="Image 02" /></div>
                <p><em>Sed interdum, erat quis scelerisque suscipit, urna neque ullamcorper elit, ut convallis quam felis in risus. </em></p>
                <p>Nulla est eros, lobortis convallis sagittis eu, ultricies eget tortor. Nam in <a href="#">odio augue</a>, ut tincidunt nibh. In mattis nisl a lorem imperdiet vel accumsan mauris imperdiet.</p>
                <p>Fusce consequat, magna tempor accumsan placerat, odio tellus volutpat tortor, ut viverra diam ante a nisi. Sed interdum blandit facilisis. Integer <a href="#">luctus tellus ac</a> mi malesuada dignissim. Sed id diam dui. In ut nunc urna.</p>
          	</div>
            <div class="col_w340 float_r">
                <h3>Our Services</h3>
                <p><em>Nunc euismod metus quis dolor adipiscing at ultrices ante placerat. Aliquam erat volutpat.</em></p>
                <p>Sed pellentesque odio ac metus luctus ac cursus mauris mattis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus mi diam, feugiat non auctor at, feugiat nec quam. </p>
                <ul class="templatemo_list">
					<li>Cras convallis eleifend sem eu condimentum.</li>
					<li>Duis semper urna eget tellus condimentum.</li>
					<li>Fusce risus tortor, interdum in malesuada pulvinar.</li>
                    <li>Nulla sit amet est at nisi auctor bibendum.</li>
					<li>Praesent lectus magna, scelerisque a vitae.</li>
                    <li>Quisque eget nulla vitae nisi pretium feugiat.</li>
                    <li>Sed vel justo quis ligula blandit commodo et.</li>
                </ul>
            </div>
           <div class="cleaner h30"></div>
            <a class="gototop" href="#top"></a>
            <div class="cleaner"></div>
        </div> <!-- end of a content box -->
        
        <div id="news"></div>
        <div class="content_box">
            <h2>Latest News</h2>
            <div class="cleaner"></div>
            <p>Pellentesque congue commodo congue. Sed vestibulum urna tristique leo consectetur dignissim. Morbi ullamcorper egestas ullamcorper. Duis elit urna, ornare vitae adipiscing nec, placerat a metus.</p>
            <div class="cleaner h30"></div>
            <div class="post_box float_l">
            	<div class="image_wrapper image_fr"><span></span><img src="images/templatemo_image_07.jpg" alt="Image 07" /></div>
                <p class="post_meta"><span class="cat">Posted in <a href="#">Illustrations</a>, <a href="#">Graphics</a></span> | <a href="#">190 comments</a></p>
                <h3>Proin imperdiet sapien quam</h3>
                <p>Fusce molestie ligula tortor. Phasellus ut mi aliquam purus iaculis lobortis. Fusce pulvinar posuere tellus non vestibulum. In tincidunt malesuada tempor. <a href="#">more...</a></p>
                <div class="cleaner"></div>
            </div>
            <div class="post_box float_r">
            	<div class="image_wrapper image_fr"><span></span><img src="images/templatemo_image_08.jpg" alt="Image 08" /></div>
                <p class="post_meta"><span class="cat">Posted in <a href="#">Marketing</a>, <a href="#">Finance</a></span> | <a href="#">186 comments</a></p>
                <h3>Cum Sociis Natoque Penatibus</h3>
                <p>Suspendisse quis felis a est malesuada lobortis a vitae diam. Vestibulum in quam massa. Fusce pellentesque libero pretium sagittis. Pellentesque sed lacus lacus. <a href="#">more...</a></p>
                <div class="cleaner"></div>
            </div>
            <div class="post_box float_l">
            	<div class="image_wrapper image_fr"><span></span><img src="images/templatemo_image_05.jpg" alt="Image 05" /></div>
                <p class="post_meta"><span class="cat">Posted in <a href="#">3D</a>, <a href="#">Animations</a></span> | <a href="#">206 comments</a></p>
                <h3>Etiam Auctor Sapien Dapibus </h3>
                <p>Ut a lorem sem. In hac habitasse platea dictumst. Quisque sit amet ipsum ante, id sagittis dolor. Aenean laoreet ullamcorper est, et suscipit nibh dapibus vel. <a href="#">more...</a></p>
                <div class="cleaner"></div>
            </div>
            <div class="post_box float_r">
            	<div class="image_wrapper image_fr"><span></span><img src="images/templatemo_image_06.jpg" alt="Image 06" /></div>
                <p class="post_meta"><span class="cat">Posted in <a href="#">Templates</a>, <a href="#">Freebie</a></span> | <a href="#">260 comments</a></p>
                <h3>Maecenas imperdiet massa</h3>
                <p>Proin venenatis ligula a nibh laoreet hendrerit. Donec imperdiet, leo non dictum fermentum, nisi lacus semper est, ac suscipit lectus tellus non tellus. <a href="#">more...</a></p>
                <div class="cleaner"></div>
            </div>
            <div class="cleaner h30"></div>
            <a class="gototop" href="#top"></a>
            <div class="cleaner"></div>
        </div> <!-- end of a content box -->
        
        <div id="portfolio"></div>
        <div class="content_box">
            <h2>Our Portfolio</h2>
            <div class="cleaner"></div>
            <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin nisi ipsum, vehicula non porttitor at, sollicitudin quis augue. Curabitur odio molestie nunc dictum egestas molestie dui ullamcorper. </p>
            <div class="cleaner h30"></div>
            <div id="gallery">
                <ul>
                    <li><a href="#" title="Site 01"><span></span><img src="images/gallery/image_01_s.jpg" alt="Image 01" /></a></li>
                    <li><a href="#" title="Site 02"><span></span><img src="images/gallery/image_02_s.jpg" alt="Image 02" /></a></li>
                    <li class="rm_col"><a href="#" title="Site 03"><span></span><img src="images/gallery/image_03_s.jpg" alt="Image 03" /></a></li>
                    <li><a href="#" title="Site 04"><span></span><img src="images/gallery/image_04_s.jpg" alt="Image 04" /></a></li>
                    <li><a href="#" title="Site 05"><span></span><img src="images/gallery/image_05_s.jpg" alt="Image 05" /></a></li>
                    <li class="rm_col"><a href="#" title="Site 06"><span></span><img src="images/gallery/image_06_s.jpg" alt="Image 06" /></a></li>
                    <li><a href="#" title="Site 07"><span></span><img src="images/gallery/image_07_s.jpg" alt="Image 07" /></a></li>
                    <li><a href="#" title="Site 08"><span></span><img src="images/gallery/image_08_s.jpg" alt="Image 08" /></a></li>
                    <li class="rm_col"><a href="#" title="Site 09"><span></span><img src="images/gallery/image_04_s.jpg" alt="Image 04" /></a></li>
                </ul>
                
                <div class="cleaner"></div>
            </div>
            <div class="cleaner h30"></div>
            <a class="gototop" href="#top"></a>
            <div class="cleaner"></div>
        </div> <!-- end of a content box -->
        
        <div id="contact"></div>
        <div class="content_box">
            <h2>Contact Information</h2>
            <div class="cleaner"></div>
            <p>Vestibulum cursus blandit lorem ultricies consectetur. Duis aliquet lectus id neque sagittis laoreet. In et ultrices tellus. Duis convallis volutpat urna, non adipiscing lacus dictum sit amet. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> &amp; <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>.</p>
            <div class="cleaner h30"></div>
            <div class="col_w340 float_l">
                <h4>Quick Contact Form</h4>
                <div id="contact_form">
                <form method="post" name="contact" action="#">
					
					<label for="author">Name:</label> <input type="text" id="author" name="author" class="required input_field" />
					<div class="cleaner h10"></div>
																	
					<label for="email">Email:</label> <input type="text" class="validate-email required input_field" name="email" id="email" />
					<div class="cleaner h10"></div>
															
					<label for="subject">Subject:</label> <input type="text" class="validate-subject required input_field" name="subject" id="subject"/>				               
					<div class="cleaner h10"></div>
											
					<label for="text">Message:</label> <textarea id="text" name="text" rows="0" cols="0" class="required"></textarea>
					<div class="cleaner h10"></div>				
																
					<input type="submit" value="Send" id="submit" name="submit" class="submit_btn float_l" />
					<input type="reset" value="Reset" id="reset" name="reset" class="submit_btn float_r" />
										
				</form>
                
                </div> 
            </div>
            
            <div class="col_w340 float_r">
                <h4>Our Location</h4>
                <div class="image_wrapper image_fr"><span></span><img src="images/map_thumb.jpg" alt="Our Location" /></div>                
                <div class="cleaner h30"></div>
                
                <h4>Mailing Address</h4>
                <h6><strong>Company Name</strong></h6>
                180-360 Nunc vestibulum rutrum, <br />
                Maecenas ac fermentum elit, 12340<br />
                Quisque pharetra velit vel<br /><br />
				
				<strong>Phone:</strong> 010-010-0110<br />
                <strong>Email:</strong> <a href="mailto:info@yoursite.com">info@yoursite.com</a>
            </div>    	
            
            <div class="cleaner h30"></div>
            <a class="gototop" href="#top"></a>
            <div class="cleaner"></div>
            <div class="cleaner"></div>
        </div> <!-- end of a content box -->
        
	</div> <!-- end of main -->
    
    <div id="templatemo_footer">
    
        Copyright © 2048 <a href="#">Your Company Name</a> | Designed by <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a>
		
	</div>
    
</div> <!-- end of wrapper -->
</body>
</html>